showConOrderTable=function(data) {
    var content = document.getElementById("Content");
    content.innerHTML = 
    '<div id="Catalog"><form id="showTable1">'+
    '<table>'+
    '<tr><th colspan="2">Payment Details</th></tr>' +
    '<tr><td>Card Type:</td><td> <input type="text" name="cardType" value="' + "credit card" + '"/></td></tr>' +
    '<tr><td>Card Number:</td><td> <input type="text" name="cartNum" value="' + 999999999 + '"/></td></tr>' +
    '<tr><td>Expiry Date (MM/YYYY):</td><td> <input type="text" name="expiry" value="' + "2022-03-01" + '"/></td></tr>' +
    '<tr><th colspan="2">Billing Address:</th></tr>'   +
    '<tr><td>First name:</td><td> <input type="text" name="billfirstName" value="' + data.firstName + '"/></td></tr>' +
    '<tr><td>Last name:</td><td> <input type="text" name="billlastName" value="' + data.lastName + '"/></td></tr>' +
    '<tr><td>Address 1:</td><td> <input type="text" name="billaddr1" value="' + data.address1 + '"/></td></tr>' +
    '<tr><td>Address 2:</td><td> <input type="text" name="billaddr2" value="' + data.address2 + '"/></td></tr>' +
    '<tr><td>City:</td><td> <input type="text" name="billCity" value="' + data.city + '"/></td></tr>' +
    '<tr><td>State:</td><td> <input type="text" name="billState" value="' + data.state + '"/></td></tr>' +
    '<tr><td>Zip:</td><td> <input type="text" name="billZip" value="' + data.zip + '"/></td></tr>' +
    '<tr><td>Country:</td><td> <input type="text" name="billCountry" value="' + data.country + '"/></td></tr>' +
    '<tr><td><input  type="checkbox" onclick="function(){var form2 = document.getElementById("showTable2");form2.style.display="block";}"/>Ship to Different Address</td></tr>'+
    '</form>'+
    '<form id="showTable2">'+
    '<div id="showTable2">'+
  
    '<tr><th colspan="2">Shipping Address</th></tr>' +
    '<tr><td>First name:</td><td> <input type="text" name="billfirstName" /></td></tr>' +
    '<tr><td>Last name:</td><td> <input type="text" name="billlastName" /></td></tr>' +
    '<tr><td>Address 1:</td><td> <input type="text" name="billaddr1"/></td></tr>' +
    '<tr><td>Address 2:</td><td> <input type="text" name="billaddr2" /></td></tr>' +
    '<tr><td>City:</td><td> <input type="text" name="billCity" /></td></tr>' +
    '<tr><td>State:</td><td> <input type="text" name="billState" /></td></tr>' +
    '<tr><td>Zip:</td><td> <input type="text" name="billZip" /></td></tr>' +
    '<tr><td>Country:</td><td> <input type="text" name="billCountry" /></td></tr>' +
    '<tr><td><input type="button" value="continue" class="continue"/></td></tr></form>'+
    '</table>'+
    '</div></div>';
}
showConOrderTable();

